<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">
            div {
                -webkit-transform: scale(1.5);
            }
        </style>
    </head>
    <body>
        <div class="test">TODO write content</div>
        <div class="not-test">Has <strong>strong</strong></div>
        <ul>
            <li>list item 1</li>
            <li>list item 2</li>
            <li>list item 3</li>
            <li>list item 4</li>
            <li>list item 5</li>
        </ul>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script>
            $('div').click(function() {
                console.log($(this).html());
                console.log($(this).text());
                console.log($(this).val());
            });
            $('div').css({
                fontSize: '18px',
                background: '#f60'
            });

            $('div:has(strong)').click(function() {
                $(this).fadeOut("slow", function() {
                });
            });

            $("li").slice(2, 5).css("background-color", "red");
        </script>
    </body>
</html>
